<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录界面</title>
    <style type="text/css">
        #a,#b,#c{
            height: 80px;
            width: 120px;
            border: solid 1px pink;
            float: left; /*左浮动*/
            /*float: right; !*右浮动*!*/
        }
        #main{
            width: 350px;
            height: 150px;
            border: solid 1px red;
            overflow: scroll;
            /*内容溢出的默认属性值
            visible：默认值    溢出部分显示
            scroll：溢出部分滚动条显示
            hidden：溢出部分隐藏
            auto：自动调整
            */

        }
    </style>
</head>
<body>
    <div id="main">
        <div id="a">这是第1个盒子</div>
        <div id="b">这是第2个盒子</div>
        <div id="c">这是第3个盒子</div>
    </div>
</body>
</html>